<template>
     <div class="title2">
        {{ data.orderToday }}
      </div>
      <div class="container"  >
        <v-chart :option="option1" >

        </v-chart>
      </div>
      <div class="footer">
        昨日订单数&nbsp;&nbsp;¥{{ data.orderLastDay }}
      </div>
</template>

<script setup>
// import { onMounted } from 'vue'

import { useDataStore } from '@/stores/dataStore'
import { storeToRefs } from 'pinia'

const store = useDataStore()
const { data, option1 } = storeToRefs(store)
// onMounted(() => {
//   store.getTopData()
// })
</script>

<style scoped>
.container {
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  margin-top: 10px;
}
.title2{
  font-size: 25px;
    font-weight: 600;
    margin-top: 10px;
}
.footer {
  font-size: 14px;
}
</style>